<template>
  <div>
    <div>
      <div class="channel-items__left">
        <div style="min-width: 100px;" v-for="item in fenqulist" :key="item.partionId">
          <a
         
            class="channel-link"
            :href="toPinDaoUrl+item.partionId"
            target="_blank"
          >{{item.partionName}}</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "center",
  data() {
    return {
      fenqulist: [
        {
          partionId: "1712489300190429184",
          partionName: "游戏",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-10-12T23:24:00",
          updateId: null,
          updateCode: null,
          updateName: null,
          updateTime: "2023-10-12T23:24:00"
        },
        {
          partionId: "1712489342825529344",
          partionName: "动漫",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-10-12T23:24:10",
          updateId: null,
          updateCode: null,
          updateName: null,
          updateTime: "2023-10-12T23:24:10"
        },
        {
          partionId: "1712489388258230272",
          partionName: "搞笑",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-10-12T23:24:21",
          updateId: null,
          updateCode: null,
          updateName: null,
          updateTime: "2023-10-12T23:24:21"
        },
        {
          partionId: "1712489819252326400",
          partionName: "科普",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-10-12T23:26:04",
          updateId: "1711410731683020800",
          updateCode: "56292976232",
          updateName: "bprogram",
          updateTime: "2023-10-12T23:26:55"
        },
        {
          partionId: "1712492900841029632",
          partionName: "国创",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-10-12T23:38:18",
          updateId: null,
          updateCode: null,
          updateName: null,
          updateTime: "2023-10-12T23:38:18"
        },
        {
          partionId: "1712493066209853440",
          partionName: "美食",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-10-12T23:38:58",
          updateId: null,
          updateCode: null,
          updateName: null,
          updateTime: "2023-10-12T23:38:58"
        },
        {
          partionId: "1712493095427375104",
          partionName: "运动",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-10-12T23:39:05",
          updateId: null,
          updateCode: null,
          updateName: null,
          updateTime: "2023-10-12T23:39:05"
        },

        {
          partionId: "1736764763058339840",
          partionName: "经典记录片",
          partionType: "video",
          createId: "1711410731683020800",
          createCode: "56292976232",
          createName: "bprogram",
          createTime: "2023-12-18T23:06:02",
          updateId: null,
          updateCode: null,
          updateName: null,
          updateTime: "2023-12-18T23:06:02"
        }
      ],
      toPinDaoUrl: "/pindao/"
    };
  },
  created() {
    this.getPartList();
  },
  methods: {
    getPartList() {
      this.axios({
        method: "post",
        params: {
          currentPage: 1,
          pageSize: 1000,
          type: "video"
        },
        url: "http://localhost:8092/partion/getPartionList"
      })
        .then(res => {
          this.fenqulist = res.data;
          console.log(this.fenqulist);
        })
        .catch(e => {
          this.$message.error(e.response.data.message);
          
        });
    }
  }
};
</script>
<style   scoped>
</style>